<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head th:replace="dashboard/header :: header"></head>
<body>
	<style type="text/css">
		.jumbotron{
			background: #232f3e ;
    		color: #a7b1c2;	
		}	
		.jumbotron h1{
			font-size: 40px !important ;
		}
	</style>
	
	<div class="wrapper wrapper-content">
	
		<div class="row">
		
			<div class="col-sm-12">
				<div class="jumbotron">
					<h1>项目创建向导</h1>
					<p>Alinesno研发平台允许您快速创建项目向导接口。</p>
					<p>
						<a href="javascript:buildProjectStep();" class="btn btn-danger btn-lg">创建项目</a>
					</p>
				</div>
			</div>
			
			<div class="col-sm-3" th:each="m,iterStat : ${appList}">
				<div class="ibox">
					<div class="ibox-title">
						<span class="label label-primary pull-right">进行中</span>
						<h5 th:text="${m.applicationName}"></h5>
					</div>
					<div class="ibox-content">
						<div>
							<span th:text="${'添加时间: '+#dates.format( m.addTime, 'yyyy-MM-dd HH:mm' )  }"></span> <br/>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>

	<footer th:replace="dashboard/footer :: footer"></footer>
	<script type="text/javascript">
		// 创建项目向导 
		function buildProjectStep() {
			var width = ($(window).width() - 200);
			var height = ($(window).height() - 100);

			var options = {
				title : '创建项目向导',
				width : width,
				height : height,
				url : ctx + 'portal/ucenter/project/build',
				btn : false
			};
			$.modal.openOptions(options);
		}
	</script>	
	
</body>
</html>
